import Vue from "vue";
import App from "./App.vue";



new Vue({
  data: {
    msg: "根实例",
    name: "迪丽扎哈",
    person: {
      name: "豪哥",
      age: 23
    }
  },
  // 基本使用方法
  // provide: {
  //   msg2: '吴签的签',
  //   name: this.name
  // },

  //这种写法可以传递实例的属性
  //vue通过Provide传递下去的属性是不响应的,这是有意为之的
  //如果要让他变得能够响应,可以传递对象
  provide() {
    return {
      msg2: '吴签的签',
      name: this.name,
      person: this.person
    }
  },
  mounted() {
    setTimeout(() => {
      this.name = '时间管理大师'
    }, 3000)
  },
  el: "#app",
  render: (h) => h(App),
})